import React from "react";
import { Mine} from "./styled"

export default class extends React.Component {
  render() {
    return (
        <Mine>
              <div className="top-top"></div>
              <div className="mine-box">
                <h1><span className="fa fa-cog"></span></h1>
                <div className="mine-top">
                    <dl>
                        <dt></dt>
                        <dd>
                          <span>112123131</span><br/>
                          <span><i>id:</i><a>123456</a></span>
                        </dd>
                    </dl>
                    <p><b>普通会员</b></p>
                    <ul>
                        <li><i>0</i><span>账户余额</span></li>
                        <li><i>2</i><span>账户余额</span></li>
                        <li><i>2</i><span>账户余额</span></li>
                        <li><i>2</i><span>账户余额</span></li>
                    </ul>
                </div>

                <div className="mine-banner">
                    <img src={require("@/images/my-1.png")} alt=""/>
                </div>

                <div className="mine-code">
                    <ul>
                          <li>
                              <font className="fa fa-address-card-o"></font><br/>
                              <span>我的订单</span>
                          </li>
                          <li>
                              <font className="fa fa-address-card-o"></font><br/>
                              <span>我的票价</span>
                          </li>
                          <li>
                              <font className="fa fa-address-card-o"></font><br/>
                                <span>我的卡包</span>
                          </li>
                    </ul>
                </div>
              </div>
        </Mine>
    
    );
  }
}